<!-- start slideshow -->

<div id="slideshow">
<!-- start slide -->
<div class="slide header-image-right gradient-down-color">
  <div class="full-width">
    <div class="one-half">
      <h1>Android </h1>
      <h3 class="mb20">Rastreamento e monitoramento de dispositivos m&oacute;veis com Android.</h3>

      <div class="faded-to-right"><!--  --></div>
      <!--                                    <div class="icon-to-left"><a href="http://www.youtube.com/watch?v=Jek0HCeFGy0"  rel="prettyPhoto"><img src="_include/images/icons/wand.png" width="64" height="64" alt="" /></a><div class="small-plus">  </div></div>-->
      <div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/wand.png" width="64" height="64" alt="" /><!--  --></div>
      <h4>Como funciona?</h4>
      <p class="limit">Clique aqui para assistir um v&iacute;deo mostrando o funcionamento do Asteroid nos sistemas com Android.</p>

      <div class="faded-to-right"><!--  --></div>
      <!--                                    <div class="icon-to-left"><a href="_include/images/misc/pretty.jpg"  rel="prettyPhoto"><img src="_include/images/icons/network.png" width="64" height="64" alt="" /></a><div class="small-play">  </div></div>-->
      <div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/network.png" width="64" height="64" alt="" /><!--  --></div>
      <h4>Porque usar o Asteroid?</h4>
      <p class="limit">O Asteroid foi desenvolvido com objetivo de atender diversos seguimentos do mercado de rastreamento e monitoramento pessoal. <a href="#" class="text-link">Saiba mais</a></p>

      <div class="faded-to-right"><!--  --></div>
      <div class="action-buttons clearfix">
        <a href="#" id="trigger1_up" class="btn-big-action-fixed"><span><img src="<%= public_url %>_include/images/icons/button-arrow.png" width="30" height="30" alt=""/> Download App</span></a>
        <a href="#" class="btn-big-neutral-fixed"><span>Saiba mais</span></a>

        <div id="tip1_up" style="display:none;">
          <div class="tip" style="width:240px;">
            <h4>Aplica&ccedil;&otilde;es</h4>
            <p>Fa&ccedil;a o download da aplica&ccedil;&atilde;o para o seu celular</p>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para  iPhone: <a href="#">iPhone v.1.02</a><br/>
            <div class="separator"><!--  --></div>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para Android: <a href="app/AsteroidAndroidApp.apk">Android v.1.02</a>
          </div>

        </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="one-half">
      <div class="rel images">
        <div class="bubble-one">
          <h2>Gr&aacute;tis</h2>
          <h3>para Android</h3>
          <p>7 dias</p>
        </div>
        <div class="bubble-two">
          <h2>Gr&aacute;tis</h2>
          <h3>para iPhone</h3>
          <p>7 dias</p>
        </div>
        <img src="<%= public_url %>_include/images/icons/phones.png"  alt="" />
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- end slide -->

<!-- start slide -->
<div class="slide header-image-left gradient-down-color">
  <div class="full-width">
    <div class="one-half">
      <div class="rel images">
        <div class="bubble-one">
          <h2>Gr&aacute;tis</h2>
          <h3>para Android</h3>
          <p>7 dias</p>
        </div>
        <div class="bubble-two">
          <h2>Gr&aacute;tis</h2>
          <h3>para iPhone</h3>
          <p>7 dias</p>
        </div>
        <img src="<%= public_url %>_include/images/icons/iphones.png" width="349" height="466" alt="" />
      </div>
    </div>
    <div class="one-half pt10">
      <h1>iPhone</h1>
      <h3 class="mb20">Rastreamento e monitoramento de aparelhos iPhone.</h3>

      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-right"><a href="http://www.youtube.com/watch?v=Jek0HCeFGy0"  rel="prettyPhoto"><img src="_include/images/icons/wand.png" width="64" height="64" alt="" /></a><div class="small-play"><!--  --></div></div>
      <h4>Como Funciona?</h4>
      <p class="limit">Clique aqui para assistir um v&iacute;deo mostrando o funcionamento do Asteroid nos aparelhos iPhone.</p>
      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-right"><a href="<%= public_url %>_include/images/misc/pretty.jpg"  rel="prettyPhoto"><img src="_include/images/icons/network.png" width="64" height="64" alt="" /></a><div class="small-plus"><!--  --></div></div>
      <h4>Porque usar o Asteroid</h4>
      <p class="limit">O Asteroid foi desenvolvido com objetivo de atender diversos seguimentos do mercado de rastreamento e monitoramento pessoal.</p>
      <div class="faded-to-right"><!--  --></div>

      <div class="action-buttons clearfix">
        <a href="#" id="trigger2_up" class="btn-big-action-fixed"><span><img src="<%= public_url %>_include/images/icons/button-arrow.png" width="30" height="30" alt=""/> Download App</span></a>
        <a href="#" class="btn-big-neutral-fixed"><span>Saiba mais</span></a>
        <div id="tip2_up" style="display:none;">
          <div class="tip" style="width:240px;">
            <h4>Aplica&ccedil;&otilde;es</h4>
            <p>Fa&ccedil;a o download da aplica&ccedil;&atilde;o para o seu celular</p>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para iPhone: <a href="#">iPhone v.1.02</a><br/>
            <div class="separator"><!--  --></div>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para Android: <a href="app/AsteroidAndroidApp.apk">Android v.1.02</a>
          </div>
        </div>
      </div>

      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- end slide -->


<!-- start slide -->
<div class="slide header-image-left gradient-down-color">

  <div class="full-width">
    <div class="one-half">
      <div class="rel images">
        <div class="bubble-one">
          <h2>Gr&aacute;tis</h2>
          <h3>para Android</h3>
          <p>7 dias</p>
        </div>
        <div class="bubble-two">
          <h2>Gr&aacute;tis</h2>
          <h3>para iPhone</h3>
          <p>ver.2.20</p>
        </div>
        <img src="<%= public_url %>_include/images/icons/ipads.png" alt="" />
      </div>
    </div>
    <div class="one-half pt10">
      <h1>Tablet&acute;s</h1>
      <h3 class="mb20">Rastreamento e monitoramento do seu Tablet</h3>

      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-right"><a href="http://www.youtube.com/watch?v=Jek0HCeFGy0"  rel="prettyPhoto"><img src="_include/images/icons/wand.png" width="64" height="64" alt="" /></a><div class="small-play"><!--  --></div></div>
      <h4>Como Funciona?</h4>
      <p class="limit">Clique aqui para assistir um v&iacute;deo mostrando o funcionamento do Asteroid nos Tablet&acute;s.</p>

      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-right"><a href="<%= public_url %>_include/images/misc/pretty.jpg"  rel="prettyPhoto"><img src="_include/images/icons/network.png" width="64" height="64" alt="" /></a><div class="small-plus"><!--  --></div></div>
      <h4>Porque usar o Asteroid</h4>
      <p class="limit">O Asteroid foi desenvolvido com objetivo de atender diversos seguimentos do mercado de rastreamento e monitoramento pessoal.</p>
      <div class="faded-to-right"><!--  --></div>
      <div class="action-buttons clearfix">
        <a href="#" id="trigger3_up" class="btn-big-action-fixed"><span><img src="<%= public_url %>_include/images/icons/button-arrow.png" width="30" height="30" alt=""/> Download App</span></a>
        <a href="#" class="btn-big-neutral-fixed"><span>Saiba mais</span></a>
        <div id="tip3_up" style="display:none;">
          <div class="tip" style="width:240px;">
            <h4>Aplica&ccedil;&otilde;es</h4>
            <p>Fa&ccedil;a o download da aplica&ccedil;&atilde;o para o seu tablet</p>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para iPhone: <a href="#">iPhone v.1.02</a><br/>
            <div class="separator"><!--  --></div>
            <img src="<%= public_url %>_include/images/icons/download-small.png" width="16" height="16" alt="" class="vm"/>&nbsp;&nbsp;  para Android: <a href="app/AsteroidAndroidApp.apk">Android v.1.02</a>
          </div>
        </div>
      </div>

      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- end slide -->


<!-- start slide -->
<div class="slide header-center gradient-down-color">

  <div class="full-width">
    <div class="center">
      <h1>Dispon&iacute;vel para diversos modelos de aparelhos</h1>
      <h3 class="mb20">Monitore os seus dispositivos m&oacute;veis</h3>
    </div>
    <div class="one-fourth left">
      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/wand.png" width="24" height="24" alt="" /></div>
      <h4>F&aacute;cil de usar</h4>
      <div class="clear"></div>
      <p class="limit">Sistema Asteroid &eacute; f&aacute;cil de instalar e configurar no seu celular.</p>

      <div class="faded-to-right"><!--  --></div>
      <div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/network.png" width="24" height="24" alt="" /></div>
      <h4>Localize</h4>
      <div class="clear"></div>
      <p class="limit">Acesse via web a localiza&ccedil;&atilde;o e o monitoramento do seu celular.</p>
      <div class="faded-to-right"><!--  --></div>
      <div class="action-buttons-left clearfix">
        <a href="#" class="btn-big-action-fixed"><span><img src="<%= public_url %>_include/images/icons/button-arrow.png" width="30" height="30" alt=""/> Get it For iPhone</span></a>
      </div>
    </div>
    <div class="two-fourth center rel">
      <div class="bubble-one-alt">
        <h2>Gr&aacute;tis</h2>
        <h3>para Android</h3>
        <p>7 dias</p>
      </div>
      <div class="bubble-two">
        <h2>Gr&aacute;tis</h2>
        <h3>para Android</h3>
        <p>ver.2.20</p>
      </div>
      <img src="<%= public_url %>_include/images/icons/multiple-phones-center.png" alt="" class="mt10"/>
    </div>
    <div class="one-fourth right">
      <div class="faded-to-left"><!--  --></div>
      <div class="icon-to-right pt0 mt0"><img src="<%= public_url %>_include/images/icons/wand.png" width="24" height="24" alt="" /></div>
      <h4>Suporte</h4>
      <div class="clear"></div>
      <p class="limit">A LIDERSAT disponibiliza uma equipe treinada disposta a atender as suas d&uacute;vidas.</p>
      <div class="faded-to-left"><!--  --></div>
      <div class="icon-to-right pt0 mt0"><img src="<%= public_url %>_include/images/icons/network.png" width="24" height="24" alt="" /></div>
      <h4>Monitore</h4>
      <div class="clear"></div>
      <p class="limit">Com o sistema de monitoramento e localiza&ccedil;&atilde;o da LIDERSAT fica f&aacute;cil fazer a gest&atilde;o.</p>
      <div class="faded-to-right"><!--  --></div>
      <div class="action-buttons-right clearfix">
        <a href="#" class="btn-big-action-fixed"><span><img src="<%= public_url %>_include/images/icons/button-arrow.png" width="30" height="30" alt=""/> Get it For Android</span></a>
      </div>
    </div>
    <div class="clear"></div>

  </div>
</div>
<!-- end slide -->

</div>
<!-- end slideshow -->

</div>
<!-- end header -->

<!-- start slideshownav and controls -->
<div class="gradient-up-darker-with-border">
  <div class="full-width">
    <!-- be sure when you add or delete a slide you need to make the nav reflect the number of slides  -->
    <ul id="slideshownav" class="clearfix">
      <li><a href="#"><img src="<%= public_url %>_include/images/misc/x.gif" width="16" height="16" alt="" /></a></li>
      <li><a href="#"><img src="<%= public_url %>_include/images/misc/x.gif" width="16" height="16" alt="" /></a></li>
      <li><a href="#"><img src="<%= public_url %>_include/images/misc/x.gif" width="16" height="16" alt="" /></a></li>
      <li><a href="#"><img src="<%= public_url %>_include/images/misc/x.gif" width="16" height="16" alt="" /></a></li>
    </ul>
    <!-- start slideshowcontrol -->
    <div id="slideshowcontrol" class="clearfix">
      <div id="button_prev"><a href="#" id="slideshowprev"><img src="<%= public_url %>_include/images/misc/x.gif" width="17" height="21" alt="Prev" /></a></div>
      <div id="button_next"><a href="#" id="slideshownext"><img src="<%= public_url %>_include/images/misc/x.gif" width="17" height="21" alt="Next" /></a></div>
    </div>
    <!-- end slideshowcontrol -->
    <div class="clear"></div>
  </div>
</div>
<!-- end slideshownav and controls -->

<!-- start features -->
<div class="features gradient-up-with-border">
  <div class="full-width">
    <div class="two-third">
      <h2>Algumas Caracter&iacute;sticas</h2>
      <ul class="feature-list mb0">
        <li>
          <a href="#" class="icon"><img src="<%= public_url %>_include/images/icons/tools.png" width="52" height="52" alt="" /></a>
          <div class="text">
            <h4><a href="#">Funcionalidades</a></h4>
            <p>Todos as funcionalidades  de localiza&ccedil;&atilde;o e movimenta&ccedil;&atilde;o ficam registradas e s&atilde;o visualizadas geograficamente a qualquer momento sem limites de consulta ou acessos</p>
            <a href="#" class="text-link">Saiba mais</a>
          </div>
        </li>
        <li class="last">
          <a href="#" class="icon"><img src="<%= public_url %>_include/images/icons/id.png" width="52" height="52" alt="" /></a>
          <div class="text">
            <h4><a href="#">Corporativo</a></h4>
            <p>Monitore a sua equipe de for&ccedil;a de vendas. E tenha controle de todas as suas prospec&ccedil;&otilde;es. Melhore a log&iacute;stica da sua empresa. Tudo isso de forma simples e r&aacute;pido.</p>
            <a href="#" class="text-link">Saiba mais</a>
          </div>
        </li>
        <li>
          <a href="#" class="icon"><img src="<%= public_url %>_include/images/icons/key.png" width="52" height="52" alt="" /></a>
          <div class="text">
            <h4><a href="#">Seguran&ccedil;a</a></h4>
            <p>Para maior seguran&ccedil;a e confiabilidade, usamos criptografia de dados, para que todas as suas informa&ccedil;&otilde;es permane&ccedil;am sempre protegidas.</p>
            <a href="#" class="text-link">Saiba mais</a>
          </div>
        </li>
        <li class="last">
          <a href="#" class="icon"><img src="<%= public_url %>_include/images/icons/recycle.png" width="52" height="52" alt="" /></a>
          <div class="text">
            <h4><a href="#">Atualiza&ccedil;&otilde;es</a></h4>
            <p>A equipe de desenvolvimento do Asteroid, busca constantemente melhorias para oferecer sempre o melhor servi&ccedil;o aos nossos clientes </p>
            <a href="#" class="text-link">Saiba mais</a>
          </div>
        </li>
      </ul>
      <div class="clear"></div>
    </div>
    <div class="one-third">
      <h2>Disponibilidade</h2>
      <ul class="feature-list mb0">
        <li class="last">
          <h4 class="mb20">As vers&otilde;es do Asteroid est&atilde;o dispon&iacute;veis para os sistemas Android e iOS iPhone.</h4>
          <a href="#" class="btn-superbig-neutral" style="width:230px;"><span><b class="for-iphone"><!--  --></b></span></a>
          <a href="#" class="btn-superbig-neutral" style="width:230px;"><span><b class="for-android"><!--  --></b></span></a>
          <div class="center"><small>Gr&aacute;tis por 7 dias</small></div>
        </li>
      </ul>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- end features -->

<!-- start testimonials -->
<div class="white">
  <div class="full-width mb20">
    <div class="mb20 hr"><!--  --></div>
    <div class="one-fourth">
      <h4 class="mb20">Depoimento de alguns clientes que utilizam o Asteroid</h4>
      <img src="<%= public_url %>_include/images/icons/users.png" width="126"  alt="" />
    </div>
    <div class="one-fourth">
      <blockquote><div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/quotes.png" alt="" /></div><p>O sistema Asteroid superou as minhas expectativas, fico mais tranquila em saber onde a minha filha anda.</p><div class="clear"></div></blockquote>
      <cite>Noelma Tolentino</cite>
    </div>
    <div class="one-fourth">
      <blockquote><div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/quotes.png" alt="" /></div><p>Com o monitoramento dos meus entregadores externos, o Asteroid me ajudou a otimizar a log&iacute;stica da minha empresa.</p><div class="clear"></div></blockquote>
      <cite>Wesley Resende</cite>
    </div>
    <div class="one-fourth">
      <blockquote><div class="icon-to-left"><img src="<%= public_url %>_include/images/icons/quotes.png" alt="" /></div><p>Com o sistema Asteroid instalado no meu iPhone 4, fico mais tranquilo caso aconte&ccedil;a algo, porque sei que posso localiz&aacute;-lo a qualquer momento.</p><div class="clear"></div></blockquote>
      <cite>Saulo Rodrigues</cite>
    </div>
    <div class="clear"></div>

  </div>
</div>
<!-- end testimonials -->
